<template>
    <el-drawer v-model="SettingStore.drawer" title="设置" @close="close"
        append-to-body size="350">
        <!-- 布局 -->
        <LayoutType />
        <!-- 主题 -->
        <Theme />
        <!-- 其他 -->
        <Other />
    </el-drawer>
</template>

<script lang='ts' setup>
import { useSetting } from '../../pinia/setting'
import Theme from './themeoption/index.vue'
import LayoutType from './layoutType/index.vue'
import Other from './otheroption/index.vue'
const SettingStore = useSetting()

const close = () => {
    SettingStore.$patch({
        drawer: false
    })
}
</script>

<style scoped>
.el-drawer__header {
    margin-bottom: 0px;
}
</style>